<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Focus - Avaleht</title>
<link href="http://fonts.googleapis.com/css?family=PT+Sans|Changa+One" rel="stylesheet" type="text/css">
<link href="styles/common.css" rel="stylesheet" type="text/css" />
<link href="styles/messages.css" rel="stylesheet" type="text/css" />
<link href="coin-slider/coin-slider-styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="coin-slider/coin-slider.js"></script>
<script type="text/javascript" src="js/focus.messages.js"></script>
<script type="text/javascript" src="js/focus.core.js"></script>
</head>

<body>

<div class="content">

  <div class="left-content">
  
  	<div class="left-content-section" id="left-content-navig">
  	  	<div class="button">Vali kõik</div>
   	  	<div class="button">Kustuta valitud</div>
      
    	<div class="button focused-button btn-right">Lisa uus jälgija</div>
    </div>
    
    <div class="left-content-message">Aktiivsed sisujälgijad puuduvad.</div>
    
    <!-- Feed section start -->
    <div class="left-content-section" id="feed">
    
      <!-- Feed item start -->
   	  <div class="feed-item">   
      
        <div class="feed-item-attribute feed-item-attribute-title">
            <h3><a href="#">Sed accumsan placerat tortor ac iaculis</a></h3>
        </div>
        <div class="feed-item-attribute feed-item-attribute-mark">
            <input type="checkbox" name="item" id="item" />
        </div>    
               
        <div class="feed-item-content"> Phasellus a ligula sed neque ullamcorper luctus. Vivamus nec velit sed   augue facilisis tristique ac vitae lectus. Curabitur cursus pretium   justo eget imperdiet. Mauris rutrum tortor nec lacus porttitor quis   auctor magna scelerisque. Nulla at sem eros. Mauris rutrum ultrices   erat, ac tempor ipsum placerat eget. 
          <div class="feed-item-navig">
              <div class="button">Veel...</div>
              <div class="button channel-button">Osta.ee</div>
              <div class="button channel-button">Jälgija 1</div>
          </div>
        </div>
        
        <div class="feed-item-attribute feed-item-sitelogo">
        	<img src="./img/osta.png" width="130" height="25" />
        </div>
        <div class="feed-item-attribute-date"> 17:00 04. August 2012 </div>

      </div>
      <!-- Feed item end -->
      
      <!-- Feed item start -->
   	  <div class="feed-item">   
      
        <div class="feed-item-attribute feed-item-attribute-title">
            <h3><a href="#">Sed accumsan placerat tortor ac iaculis</a></h3>
        </div>
        <div class="feed-item-attribute feed-item-attribute-mark">
            <input type="checkbox" name="item" id="item" />
        </div>    
               
        <div class="feed-item-content"> Phasellus a ligula sed neque ullamcorper luctus. Vivamus nec velit sed   augue facilisis tristique ac vitae lectus. Curabitur cursus pretium   justo eget imperdiet. Mauris rutrum tortor nec lacus porttitor quis   auctor magna scelerisque. Nulla at sem eros. Mauris rutrum ultrices   erat, ac tempor ipsum placerat eget. 
          <div class="feed-item-navig">
              <div class="button">Veel...</div>
              <div class="button channel-button">Osta.ee</div>
              <div class="button channel-button">Jälgija 1</div>
          </div>
        </div>
        
        <div class="feed-item-attribute feed-item-sitelogo">
        	<img src="./img/bturg.png" width="130" height="25" />
        </div>
        <div class="feed-item-attribute-date"> 17:00 04. August 2012 </div>

      </div>
      <!-- Feed item end -->
      
      <!-- Feed item start -->
   	  <div class="feed-item">   
      
        <div class="feed-item-attribute feed-item-attribute-title">
            <h3><a href="#">Sed accumsan placerat tortor ac iaculis</a></h3>
        </div>
        <div class="feed-item-attribute feed-item-attribute-mark">
            <input type="checkbox" name="item" id="item" />
        </div>    
               
        <div class="feed-item-content"> Phasellus a ligula sed neque ullamcorper luctus. Vivamus nec velit sed   augue facilisis tristique ac vitae lectus. Curabitur cursus pretium   justo eget imperdiet. Mauris rutrum tortor nec lacus porttitor quis   auctor magna scelerisque. Nulla at sem eros. Mauris rutrum ultrices   erat, ac tempor ipsum placerat eget. 
          <div class="feed-item-navig">
              <div class="button">Veel...</div>
              <div class="button channel-button">Osta.ee</div>
              <div class="button channel-button">Jälgija 1</div>
          </div>
        </div>
        
        <div class="feed-item-attribute feed-item-sitelogo">
        	<img src="./img/soov.png" width="130" height="25" />
        </div>
        <div class="feed-item-attribute-date"> 17:00 04. August 2012 </div>

      </div>
      <!-- Feed item end -->
      
      <!-- Feed item start -->
   	  <div class="feed-item">   
      
        <div class="feed-item-attribute feed-item-attribute-title">
            <h3><a href="#">Sed accumsan placerat tortor ac iaculis</a></h3>
        </div>
        <div class="feed-item-attribute feed-item-attribute-mark">
            <input type="checkbox" name="item" id="item" />
        </div>    
               
        <div class="feed-item-content"> Phasellus a ligula sed neque ullamcorper luctus. Vivamus nec velit sed   augue facilisis tristique ac vitae lectus. Curabitur cursus pretium   justo eget imperdiet. Mauris rutrum tortor nec lacus porttitor quis   auctor magna scelerisque. Nulla at sem eros. Mauris rutrum ultrices   erat, ac tempor ipsum placerat eget. 
          <div class="feed-item-navig">
              <div class="button">Veel...</div>
              <div class="button channel-button">Osta.ee</div>
              <div class="button channel-button">Jälgija 1</div>
          </div>
        </div>
        
        <div class="feed-item-attribute feed-item-sitelogo">
        	<img src="./img/hinnavaatlus.png" width="130" height="25" />
        </div>
        <div class="feed-item-attribute-date"> 17:00 04. August 2012 </div>

      </div>
      <!-- Feed item end -->
      
    </div>
    <!-- Feed section end -->
    
  </div>
  
  
  <div class="right-content">
  
    <div class="right-navig-section">
    	<h2>Aktiivsed sisujälgijad</h2>
    </div>
   
   <ul class="right-navig">    
        <li class="category">
        	<h3>Jälgija 1 
           		<span class="edit-item" title="delete" id=""><img src="img/delete.png" width="16" height="16" /></span>
            	<span class="edit-item" title="edit" id=""><img src="img/edit.png" width="16" height="16" /></span>
            </h3>
        </li>
        <li class="item">Hinnavaatlus</li>
        <li class="item">Soov.ee</li>
        <li class="item">Osta.ee</li>
        <li class="item">Buduaar</li>
    </ul>
   
   <ul class="right-navig">       
        <li class="category">
        	<h3>Jälgija 2
           		<span class="edit-item" title="delete" id=""><img src="img/delete.png" width="16" height="16" /></span>
            	<span class="edit-item" title="edit" id=""><img src="img/edit.png" width="16" height="16" /></span>
            </h3>
        </li>
        <li class="item">Hinnavaatlus</li>
        <li class="item">Soov.ee</li>
        <li class="item">Osta.ee</li>
        <li class="item">Buduaar</li>
   </ul>
   
   <ul class="right-navig">        
        <li class="category">
        	<h3>Jälgija 3</h3>
        </li>
        <li class="item">Hinnavaatlus</li>
        <li class="item">Soov.ee</li>
        <li class="item">Osta.ee</li>
        <li class="item">Buduaar</li>
   </ul>
   
   <ul class="right-navig">        
        <li class="category">
        	<h3>Jälgija 4</h3>
        </li>
        <li class="item">Hinnavaatlus</li>
        <li class="item">Soov.ee</li>
        <li class="item">Osta.ee</li>
        <li class="item">Buduaar</li> 
  	</ul>
    
    <ul class="right-navig">        
        <li class="category">
        	<h3>Jälgija 5</h3>
        </li>
        <li class="item">Hinnavaatlus</li>
        <li class="item">Soov.ee</li>
        <li class="item">Osta.ee</li>
        <li class="item">Buduaar</li> 
  	</ul>
    
    <ul class="right-navig">        
        <li class="category">
        	<h3>Jälgija 6</h3>
        </li>
        <li class="item">Hinnavaatlus</li>
        <li class="item">Soov.ee</li>
        <li class="item">Osta.ee</li>
        <li class="item">Buduaar</li> 
  	</ul>
    
  </div>
</div>

<div id="navigation-bar-container">
    <ul id="navigation-bar">
        <li id="logo">focus</li>
        <li class="button">Abiinfo</li>
        <li class="button" id="btn-sign-out">Logi välja</li>
    </ul>
</div>
</body>
</html>